<template>
  <div>
    <Table
      :loading="loading"
      border
      
      :max-height="maxHeight"
      :columns="tableColumns.columns"
      :data="tableData"
      :show-summary="tableColumns.showSummary||false"
      :summary-method="tableColumns.summaryMethod||summaryNull"
    ></Table>
  </div>
</template>

<script>
export default {
  props: {
    tableColumns: {
      type: Object,
      default: () => {
        return {};
      }
    },
    tableData: {
      type: Array,
      default: () => {
        return [];
      }
    },
    loading: {
      type: Boolean,
      default: false
    }
  },
  data() {
    return {
      maxHeight:350
    };
  },
  computed: {},
  created() {
    console.log(11111)
  },
  mounted() {},
  watch: {},
  methods: {
    summaryNull() {
      return false
    }
  },
  components: {}
};
</script>

<style scoped lang="scss">
/deep/.ivu-table-body {
  font-size: 14px;
  td {
    height: 36px;
    // background-color: #fbfdff;
  }
}
/deep/.ivu-table-header {
  th {
    // background-color: #ebf1f7;
  }
}
/deep/.ivu-table-border th,
.ivu-table-border td {
  // border-right: none;
}
/deep/.ivu-table-tip table tr td{
    text-align: center;
    background-image: url("~@/assets/img/zwsj.png");
    background-position: center;
    background-repeat: no-repeat;
    color: #999;
    height: 190px;
    background-size: 110px;
    span {
      display: none;
    }
    border-right:none;
}
// /deep/ .ivu-table-tip table tr td {
//     text-align: center;
//     background-image: url("~@/assets/img/zwsj.png");
//     background-position: center 60px;
//     background-repeat: no-repeat;
//     color: #999;
//     min-height: 200px;
//     background-size: 190px;
//     span {
//       display: none;
//     }
//   }
</style>
